import { useEffect, useState } from "react"

// 所有的hook函数，都必须以use开头：
export const useStorage = (key) => {
  // 利用useState()
  const [name, setName] = useState(() => JSON.parse(sessionStorage.getItem(key)))

  // 利用useEffect（）实现自定义hooks name的修改
  useEffect(() => {
    console.log('监听到name的改变')
    sessionStorage.setItem(key, JSON.stringify(name))
  }, [name]);

  return [name, setName]
}